<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>图片总数--layui后台管理模板</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link rel="stylesheet" href="../../layui/css/layui.css" media="all" />
	<link rel="stylesheet" href="../../css/images.css" media="all" />
	<style type="text/css">
			.inputFileWrapper label{
            display: block;
            float: left;
            position: relative;
        }
        .inputFileWrapper input[type="file"]{
            position: absolute;
            width: 1px;
            height: 1px;
            clip:rect(0,0,0,0);
        }
        .inputFileWrapper .custorm-style{
            display: block;
            width: 390px;
            height: 50px;
        }
        .inputFileWrapper .custorm-style .left-button{
        	margin: 12px auto;
            width: 93px;
            line-height: 38px;
            background: #47affd;
            color: #fff;
            display: block;
            text-align: center;
            float: left;
        }
        .inputFileWrapper .custorm-style .right-text{
        	margin: 12px auto;
            width: 287px;
            height: 27px;
            line-height: 50px;
            display: block;
            float: right;
            padding: 4px;
            border: 1px solid #008ac7;
            overflow: hidden;
            -ms-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
		</style>
</head>
<body class="childrenBody">
	<form class="layui-form">
		<blockquote class="layui-elem-quote news_search">
			<!--<div class="layui-inline">
				<input type="checkbox" name="selectAll" id="selectAll" lay-filter="selectAll" lay-skin="primary" title="全选">
			</div>
			<div class="layui-inline">
				<a class="layui-btn layui-btn-danger batchDel">批量删除</a>
			</div>-->
			<div class="layui-inline">
						<div class="layui-input-block">
				  			<!--<input type="file" name="file" id="file" >-->
				  				<div class="inputFileWrapper">
								     <label for="file">
								         <input type="file" id="file"/>
								         <span class="custorm-style">
								             <span class="left-button">上传头像</span>
								             <span class="right-text" id="rightText"></span>
								         </span>
								     </label>
								</div>
				  		</div>
  			</div>
  			<div class="layui-inline">
						<div class="layui-input-block">
				  			<!--<input type="file" name="file" id="file" >-->
				  			<input class="layui-btn layui-btn-warm" type="button" id="upload_image"  value="开始上传"  />
				  		</div>
  			</div>
		</blockquote>
		<ul id="Images"></ul>
	</form>
	<script type="text/javascript" src="../../layui/layui.js"></script>
	<script type="text/javascript" src="../../js/common.js"></script>
	<script type="text/javascript" src="images.js"></script>
</body>
</html>